<!DOCTYPE html>

<html>

<head>
	<title>Discussions</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="lib.css">
	<script>
	/*
	function showAnswer() {
		for (var i=1; i < 3; i++) {
			document.getElementById("sa" + i).style.display="block";
			alert(optionObject.value);
		}
	}
	*/
	</script>
	
</head>


<body>

<form class="creation modal" method="get" action="reg05.html">
	<h1>Join the community</h1>
	<fieldset>
		<dl>
			<dt>
				<label for="sn">Desired sign in name</label>
				<input type="text" id="sn" />
				<label for="sn">@gmail.com</label>
			</dt>
			<dd>Examples: JSmith, JohnSmith, JohnS</dd>
			
			<dt>
				<label for="pw1">Create a password</label>
				<input type="password" id="pw1" />
			</dt>
			<dd>Must be more than 8 characters</dd>
			
			<dt>
				<label for="pw2">Re-enter password</label>
				<input type="password" id="pw2" />
			</dt>
			<dd>Just making sure you didn't mistype</dd>
			
			<dt>
				<label for="sq">Security question</label>
				<select type="text" id="sq" onchange="showAnswer()">
					<option value="">Select a question</option>
					<option value="friend_nickname">What was your favorite childhood friend's nickname?</option>
					<option value="fav_teacher">What was the family name of your favorite teacher?</option>
					<option value="fav_food">What is your favorite food?</option>
					<option value="fav_gift">What is your favorite gift that you've ever received?</option>
					<option value="fav_primary_subject">What was your favorite subject in your primary schools?</option>
					<option value="start_internet">When did you start using internet? (Month, year)</option>
				</select>
			</dt>
			<dd>This will help you if you forget your sign in name or password</dd>
			<dt id="sa1">
				<label for="sa">Security answer</label>
				<input type="text" id="sa" />
			</dt>
			<dd id="sa2">Make sure your answer is short enough to remember</dd>
		</dl>
		<input type="button" value="Previous" onclick="window.location.href='reg03.html';"/>
		<input type="submit" value="Next" />
	</fieldset>
	<input type="button" value="X" class="close" onclick="window.location.href='dis01.html';" />
</form><!-- .creation -->
	
</body>
</html>